@at-root {
  .copybook-container {
    &#{&}> .header {
      padding: 0.8rem 1rem;
    }
    > .content {
      position: relative;
      &:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        transition: background $anim-default-time $anim-cubic-bezier;
      }
      &:hover, &:focus {
        &:after {
          background: rgba(255, 255, 255, 0.76);
        }
      }
      pre {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        min-width: 98%;
      }
      code {
        display: inline-block;
        color: #000;
      }
    }
    .ui.search.selection.dropdown {
      font-size: .8rem;
      min-width: 30rem;
      .menu>.item {
        font-size: .8rem;
      }
    }
    .title {
      text-align: center;
      font-size: 1rem;
      margin-bottom: -0.2rem;
      margin-top: -1rem;
    }
    .editor {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 4;
      color: #000;
      -webkit-tap-highlight-color: rgba(255,255,255,0);
      outline: none;
    }
  }
}
